<meta charset="utf-8"/>
<html>
<head>
<title>手机网店首页</title>
</head>
   <link rel="stylesheet" type="text/css" href="../dtz.php/2016.10.29.demo1.css"/>
<style>
  
</style>   
<body>
 
    <div class="t">
       <div id="top">	
    	<!--语言选择栏-->
            <div class="language">
       	    <select name="language" size="">
       	 	   <option select='selected'>English</option>
       	 	   <option>France</option>
       	 	   <option>Germany</option>
            </select>
            </div>
      
        <!--货币形式-->
            <div class="style">
       	    <select name="style" size="">
       	 	   <option select='selected'>USD</option>
       	 	   <option>EUR</option>
       	 	   <option>DDD</option>
            </select>
            </div>
         
         <!--登录信息、邮箱-->
            <div class="image">
               <img src="image/1.jpg"/>
               <img src="image/02.png"/>
            </div>

        </div><!--top结束的位置-->
    </div><!--t结束，设置自动边框长度-->
        <!--搜索栏-->  
            <div id="nav">
            	<img src="image/logofooter.png">
            	<input type="text" name="">
            	<img src="image/05.png">
            	<img src="image/7.png">
            </div>

        <div class="d" >    
          <!-- 导航条-->
            <div id="header" style="position:relative;">
            	<span class="a">HOME
                <ul class="xitong hover" >
                  <li>HOME</li>
                  <li>WINDOWS</li>
                  <li>MACBOOK</li>      
                </ul>
              </span>
              <span class="a">
                PCCOMPUTERS
                <ul class="xitong hover" >
                  <li>PCCOMPUTERS</li>
                  <li>WINDOWS</li>
                  <li>MACBOOK</li>      
                </ul>
              </span>
              <span class="a">LAPOPS & NOTEBOOKS
                <ul class="xitong hover">
                  <li>LAPOPS & NOTEBOOKS</li>
                  <li>DELL</li>
                  <li>ASUS</li>
                  <li>SAMSU</li>
                  <li>LAENOVO</li>
                  <li>ACER</li>
                </ul>
              </span>
              <span class="a">MOBILES & TABLEF</span>
              <span class="a">SOFTWARE
                <ul class="xitong hover">
                  <li>SOFTWARE</li>
                  <li>WINDOWS</li>
                  <li>MACBOOK</li>      
                </ul>
              </span>



            </div><!--header结束-->
        </div><!--d结束-->

          <!--产品相关内容-->
            <div id="content"> 
              <!-- <div style="position:relative;width:100%;"> -->
                <img src="image/main-banner1-1903x600.jpg"/> 
                <!-- 这里加两个按钮 -->
                <!-- <span style="position:absolute;left:0;top:200px;color:#fff;">1</span> -->
                <!-- <span style="position:absolute;right:0px;top:200px;color:#fff;">2</span> -->
              <!-- </div> -->
              <img src="image/sub-banner1.png"/>

              <div class="">
                <img src="image/sub-banner2.png"/>
                <img src="image/sub-banner3.png"/>
              </div>

              <p>SPECIAL PRODUCTS</p>
              
              <div class="sale">
                <div class="sale1">
                <img src="image/iphone.png">
                <img src="image/galaxy-s4.jpg">
              </div>

                <div class="sale2">
                <img src="image/galaxy-note.jpg">
                <img src="image/Z1.png">
                </div>

                <div class="sale3">
                <img src="image/9.png">
                </div>

                <div class="sale4">
                <img src="image/sub-banner4.jpg">
                <img src="image/sub-banner5.png">
                </div>

                <h1>FEATURED PRODUCTS</h1>

                <div class="sale5">
                <img src="image/iphone.png">
                <img src="image/galaxy-s4.jpg">
                </div>

                <div class="sale6">
                <img src="image/galaxy-note.jpg">
                <img src="image/Z1.png">
                </div>

                <div class="sale7">
                <img src="image/9.png">
                </div>
              </div>
            </div><!--content结束-->             
           
          <div class="s">  
            <!--产品相关说明-->
            <div id="main">
              
              <div>
              <img src="image/logofooter.png">
              </div>

              <div class="page">
              <dl class="page1">
                <dd>Lorem Ipsum is simply dummy</dd>
                <dd>text of the printing and </dd>
                <dd>typesetting industry.Lorem Ipsum </dd>
                <dd>is simply dummy text of the </dd>
                <dd>printing and typesetting industry.</dd> 
              </dl>
              
              <dl class="page2">
                <dt><strong>Customer Service</strong></dt>
                <dd>About Us </dd>
                <dd>Delivery Information</dd>
                <dd>Privacy Policy </dd>
                <dd>Terms & Conditions</dd>
                <dd>Contact Us</dd> 
              </dl>

              <dl class="page3">
                <dt><strong>My Account</strong></dt>
                <dd>My Account </dd>
                <dd>Brands </dd>
                <dd>Gift Vouchers </dd>
                <dd>Specials</dd> 
                <dd>Site Map</dd>
              </dl>

              <dl class="page4">
                <dt><strong>Contact Us</strong></dt>
                <dd>California, United States  </dd>
                <dd>3000009 </dd>
                <dd>+91 8866888111</dd>
                <dd>infor@yoursite.com</dd> 
              </dl>

              </div><!--main结束-->

            </div><!--s结束-->
          </div>
  
    <div class="f">
      <!--底边版权-->
        <div id="footer">
          <div>
          <p>Copyright © 2015.Company name All rights reserved..<a href="#">网页模版</a></p>
        
          <img src="image/visa-curved-32px.png">
          <img src="image/paypal-curved-32px.png">
          <img src="image/discover-curved-32px.png">
          <img src="image/maestro-curved-32px.png">
          </div>
        </div><!--footer 结束-->
    </div><!--f结束-->
  
    
</body>	
</html>
